<template>
  <header flex="cross:center">
    <div class="side tl">
      <a class="iconfont icon-zuojiantou equal" v-back></a>
    </div>
    <p flex-box="1" class="tc fmd"><slot></slot></p>
    <div class="side tr">
      <slot name="right">
        <a class="equal"></a>
      </slot>
    </div>
  </header>
</template>
<script>
  export default {
    props: {
    },
    data() {
      return {}
    },
    computed: {},
    methods: {},
    components: {}
  }
</script>
<style type="text/scss" lang="scss" scoped>
  header {
    position: relative;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .08);
    background-color: white;
    height: 48px;
    overflow: hidden;
    padding: 0 10px;
    z-index: 1;
  }
  .side {
    width: 25%;
  }
</style>
